@layout("/common/_container.html",{js:["/assets/storage/storagePut/query.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">Warehouse Receipt Query</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
		                    <div class="layui-inline">
		                        <input id="condition" class="layui-input" type="text" placeholder="Keyword"/>
		                    </div>
		                    <div class="layui-inline">
		                        <select id="billstate">
                            <option value="">Select Status</option>
						    <option value="INCOMPLETE">INCOMPLETE</option>
						    <option value="COMPLETED">COMPLETED</option>
		                        </select>
		                    </div>
		                    <div class="layui-inline">
		                        <select id="customerId">
                            <option value="">Select Customer</option>
						            @for(item in basicCustomerList!){
						            <option value="${item.id}">${item.customerName}</option>
						            @}
		                        </select>
		                    </div>
		                    <div class="layui-inline">
								<select id="warehouseId">
				            	<option value="">Select Warehouse</option>
						            @for(item in basicWarehouseList!){
						            <option value="${item.id}">${item.warehouseName}</option>
						            @}
					        	</select>
		                    </div>
		                    <div class="layui-inline" style="width: 150px;">
		                        <input id="startSingleTime" class="layui-input" type="text" placeholder="Order Date From"/>
		                    </div>
                            <div class="layui-inline">
                            	一
                            </div>
		                    <div class="layui-inline" style="width: 150px;">
		                        <input id="endSinglePutTime" class="layui-input" type="text" placeholder="Order Date To"/>
		                    </div>
		                    <div class="layui-inline">
		                        <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
		                    </div>
		                </div>
		            </div>
                    <table class="layui-table" id="storagePutTable" lay-filter="storagePutTable"></table>
                    <table class="layui-table" id="storagePutSingleTable" lay-filter="storagePutSingleTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>
<input id="storageNumber" type="hidden">
<script type="text/html" id="toolbarfromSingle">
            <div class="layui-inline">
                <input id="condition2" class="layui-input" type="text" placeholder="Product Name, Code, Item No."/>
            </div>
            <div class="layui-inline">
                <button id="btnSearchDetailed" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
            </div>
            <div class="layui-inline">
				<button id="btnPrint" class="layui-btn layui-btn-normal"><i class="layui-icon layui-icon-print"></i>Batch Print Pallet Codes</button>
            </div>
</script>

<script type="text/html" id="tableBarSingle">
  {{#  if(d.putNum != d.realNum){ }}
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="yichangchulijilu">Exception Handling Record</a>
  {{#  } }}
</script>

<script type="text/html" id="billstateTpl">
  {{#  if(d.billstate === 'Incomplete'){ }}
    <span style="color: #FFC300;font-weight: 600;">{{ d.billstate }}</span>
  {{#  }else if(d.billstate === 'Completed'){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.billstate }}</span>
  {{#  } else { }}
    {{ d.billstate }}
  {{#  } }}
</script>

<script type="text/html" id="singleStateTpl">
  {{#  if(d.singleState === 'Not Received'){ }}
    <span style="color: #FFC300;font-weight: 600;">{{ d.singleState }}</span>
  {{#  }else if(d.singleState === 'Received'){ }}
    <span style="color: #43CF7C;font-weight: 600;">{{ d.singleState }}</span>
  {{#  } else { }}
    {{ d.singleState }}
  {{#  } }}
</script>


@}